section{
  width: 100%;
  background-color: #fff;
  .head {
            text-align: center;
            height: .3rem;
            line-height: .3rem;
          
        }
  .head img {
      display: inline-block;
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transition: transform 150ms;
      -webkit-transition: transform 150ms;
      height: .15rem;
      width: .15rem;
  }
.loaded-mine{
  width: 100%;
  .exchange{
    @include flexbox();
    @include box-sizing(border-box);
    @include border(0 0 3px 0, #d9d9d9);
  //  @include align-items(center);
    width: 100%;
    dl{
      height: .77rem;
      @include flex(1);
      &:nth-child(1){
        dt{
          float: left;
          line-height: .77rem;
        }
        dd{
        line-height: .20rem;
        padding-top: 0.20rem;
          span {
            color: #424242;
            font-weight: 900;
            font-size: 0.14rem;
          }
          i{
            color: #a6a6a6;
            display: block;
            font-size: .12rem;
          }
        }
      }
      &:nth-child(2){
        float: right;
        text-align: right;
        padding-right: 0.16rem;
        dt{
          color: #f3f3f3;
          font-size: .28rem;
        }
        dd{
          color: #f3f3f3;
          font-size: .12rem;
        }
      }
    }
  }
}
  .foot {
          text-align: center;
          height: .3rem;
          line-height: .3rem;
      }
  .foot img {
      display: inline-block;
      /*transform: rotate(0deg);*/
      /*-webkit-transform: rotate(0deg);*/
      transition: transform 150ms;
      -webkit-transition: transform 150ms;
      height: .15rem;
      width: .15rem;
  }

}
.load{
  width:100%auto;;
  position: absolute;
  text-align: center;
  bottom: .10rem;
  font-size: .35rem;
  color:#fcd844;
}
